/* 响应式断点 */
/* mobile: < 768px, tablet: 768-1024px, desktop: > 1024px */

.hide-on-mobile { display: none; }
@media (min-width: 768px) {
  .hide-on-mobile { display: initial; }
}

.grid { display: grid; gap: var(--gap-md); }
.grid-1 { grid-template-columns: 1fr; }
@media (min-width: 768px) {
  .grid-2-md { grid-template-columns: 2fr 1fr; }
}


